<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body style="background-color: aquamarine;">
<header>
    <img src="images/top_back.png" style="float: left; width: 1.7rem;height: 1.7rem;">
    <img src="images/top_home.png" style="float: right; width: 1.7rem;height: 1.7rem;">
    <span style="margin: 0 1rem 0 1rem; font-size: 1.5rem; height: 1.7rem; line-height: 1.7rem;">景点详情</span>
</header>
<div style="margin-top: 5px;">
    <img src="images/ban_4.jpg " style="width: 100%">
</div>
<div style="padding: 1rem; height: 17.5rem; background-color: #ffffff;">
    <div style="padding-left: 0.5rem; font-size: 1rem;">苍南日月潭亲子套餐（1大1小）</div>
    <div style="padding: 0.5rem; height: 1rem; font-size: 0.7rem; line-height: 1rem;"><img src="images/arr_des00.png" style="margin-right: 0.2rem; width: 0.7rem;height: 0.7rem;">温州市苍南县灵溪镇岭前村</div>
    <div style="padding: 0.5rem; line-height: 1.5rem; height: 1.5rem;">
        <span style="float:left;font-size: 1.5rem;  color: red;">￥65.00-165.00</span>
        <div style="float: left; margin-left: 0.5rem; background-color: red; font-size: 0.7rem; height: 1.5rem; color: #ffffff;">精选特惠</div>
    </div>
    <div style="padding: 0.5rem; color: gray; font-size: 0.5rem; line-height: 0.5rem;">
        <div style="padding: 0.5rem 0 0.5rem;">价格：<span><strike>￥100.00-300.00</strike></span></div>
        <div style="padding: 0.5rem 0 0.5rem;">已售 10000 笔</div>
        <div style="padding: 0.5rem 0 0.5rem;">产品编号：T000051553</div>
    </div>
    <hr style="border-top: blue 1px dashed; overflow: hidden; height: 1px"/>
    <div style="padding: 0.5rem;">
        <p style="padding: 0.5rem 0 0.5rem 0"><span >电子门票：刷身份证即可进入</span></p>
        <span style="padding: 0.5rem 0 0.5rem 0">有效期限：门票有效期为10天</span>
    </div>
    <div style="float: left; height: 2rem; margin-right: 2rem; line-height: 2rem; color: red;"><img src="images/arr_des001.png" style="float: left; width: 1rem; height: 1rem; margin: 0.5rem;" ><div style="float: left; height: 2rem; line-height: 2rem; font-size: 1rem;">入园保证</div></div>
    <div style="float: left; height: 2rem; margin-right: 2rem; line-height: 2rem; color: red;"><img src="images/arr_des001.png" style="float: left; width: 1rem; height: 1rem; margin: 0.5rem;" ><div style="float: left; height: 2rem; line-height: 2rem; font-size: 1rem;">入园保证</div></div>
</div>

<div style="background-color: #ffffff; height: 17rem; margin-top: 1rem;">
    <div style="height: 4rem;"><img src="images/arr_des01.png" style=" width: 2rem; height: 2rem; margin: 1rem; float: left;"/><div style="height: 4rem; line-height: 4rem; font-size: 2rem; float: left;">购买须知</div></div>
    <hr style="border-top: cornflowerblue 1px solid; margin:0 1rem;"/>
    <div style="height: 10rem;">
        <p style="height: 2rem; line-height: 1rem; padding: 0.5rem 0 0 1rem; font-size: 1.5rem">预订说明：一张身份证可购买多张票，即买即入</p>
        <p style="height: 2rem; line-height: 1rem; padding: 0.5rem 0 0 1rem; font-size: 1.5rem">1.开放时间：8:00--17：30</p>
        <p style="height: 2rem; line-height: 1rem; padding: 0.5rem 0 0 1rem; font-size: 1.5rem">2.检票地点：售票处</p>
        <p style="height: 2rem; line-height: 1rem; padding: 0.5rem 0 0 1rem; font-size: 1.5rem">入园凭证：身份证或订单生成的二维码</p>
    </div>
    <hr style="border-top: cornflowerblue 1px solid; overflow: hidden; height: 1px"/>
    <div align="center">
        <span style="width: 100%; text-align: center; padding: 1rem; font-size: 2rem; color: blueviolet;">查看全部须知<img src="images/arr_des08.png" style="width: 2rem;"></span>
    </div>
</div>
<div style="background-color: #ffffff; height: 20rem; margin-top: 1rem;">
    <div style="height: 4rem;">
        <img src="images/arr_des02.png" style=" width: 2rem; height: 2rem; margin: 1rem; float: left;"/>
        <div style="height: 4rem; line-height: 4rem; font-size: 2rem; float: left;">详情介绍</div></div>
    <hr style="border-top: cornflowerblue 1px solid; margin:0 1rem;"/>
    <div style="height: 11rem; padding: 1rem; font-size: 1.5rem">
            <span>
                大沙岙--洞头最美丽的海滩，又名“黄金滩”。其状呈畚箕形，东北朝大海。退潮时露滩，坡度平缓，海面开阔，海水清澈。
                沙质为纯净铁板沙，坚硬细腻，踩后无明显痕迹。半环抱浴场的岩怪，有“海豹石”，“老鹰捕雏”、“猛虎卧岗”等。
                浴场上部布着一条鹅卵石带；实为理想的游泳场和帆板、皮筏艇训练基地；此外还可以采贝，写生。
            </span>
        </div>
    <hr style="border-top: cornflowerblue 1px solid; overflow: hidden; height: 1px"/>
    <div align="center">
        <span style="width: 100%; text-align: center; padding: 1rem; font-size: 2rem; color: blueviolet;">查看全部介绍<img src="images/arr_des08.png" style="width: 2rem;"></span>
    </div>
</div>
<div style="background-color: #ffffff; height: 27rem; margin-top: 1rem;">
    <div style="height: 4rem;">
        <img src="images/arr_des03.png" style=" width: 2rem; height: 2rem; margin: 1rem; float: left;"/>
        <div style="height: 4rem; line-height: 4rem; font-size: 2rem; float: left;">用户点评</div>
        <div style="height: 4rem; line-height: 4rem; font-size: 1.5rem; float: right; color: gray;">共130条</div></div>
    <hr style="border-top: cornflowerblue 1px solid; margin:0 1rem;"/>
    <div style="height: 10rem;">
        <div style="height: 1rem; padding: 0.5rem 1rem;"><img src="images/star.png" style="height: 1rem;"/><img src="images/star.png" style="height: 1rem;"/><img src="images/star.png" style="height: 1rem;"/><img src="images/star_gray.png" style="height: 1rem;"/><img src="images/star_gray.png" style="height: 1rem;"/></div>
        <div style="height: 4rem; line-height: 2rem;">
        <div style="height: 2rem; padding: 1rem; font-size: 1rem; float: left">32ds</div>
        <div style="height: 2rem; padding: 1rem; font-size: 1rem; float: right;">2015-05-01</div>
        </div>
        <div style="height: 3rem; line-height: 3rem; font-size: 2rem; padding: 0 1rem;">很方便</div>
    </div>
    <hr style="border-top: cornflowerblue 1px solid; margin:0 1rem;"/>
    <div style="height: 10rem;">
        <div style="height: 1rem; padding: 0.5rem 1rem;"><img src="images/star.png" style="height: 1rem;"/><img src="images/star.png" style="height: 1rem;"/><img src="images/star.png" style="height: 1rem;"/><img src="images/star_gray.png" style="height: 1rem;"/><img src="images/star_gray.png" style="height: 1rem;"/></div>
        <div style="height: 4rem; line-height: 2rem;">
            <div style="height: 2rem; padding: 1rem; font-size: 1rem; float: left">32ds</div>
            <div style="height: 2rem; padding: 1rem; font-size: 1rem; float: right;">2015-05-01</div>
        </div>
        <div style="height: 3rem; line-height: 3rem; font-size: 2rem; padding: 0 1rem;">很方便</div>
    </div>
    <hr style="border-top: cornflowerblue 1px solid; overflow: hidden; height: 1px"/>
    <div align="center">
        <span style="width: 100%; text-align: center; padding: 1rem; font-size: 2rem; color: blueviolet;">查看全部点评<img src="images/arr_des08.png" style="width: 2rem;"></span>
    </div>
</div>
<div style="background-color: #ffffff; height: 4rem; margin-top: 1rem; font-size: 2rem;">
    <div style="height: 4rem; float: left;"><img src="images/arr_des04.png" style=" width: 2rem; height: 2rem; margin: 1rem; float: left;"/><div style="height: 4rem; line-height: 4rem; font-size: 2rem; float: left;">交通信息</div></div>
    <div style="height: 4rem;float: right;"><img src="images/arr_des07.png" style="margin: 0.5rem;"/></div>
</div>

<div style="background-color: #ffffff; height: 4rem; margin-top: 1rem; font-size: 2rem;">
    <div style="float: left;padding: 1rem; height: 2rem;">
    <span style="color: #ff6201">￥5</span><span style="font-size: 1rem; color: red; padding-left: 1rem;">起</span>
    </div>
    <div style="background: orange; float: right; padding: 1rem; height: 2rem;">提交订单</div>
</div>
</body>
</html>